
var imagenPanel = new Ext.Panel
  (
    {
      id: 'imagenPanel',
      region:'west',
      html:'<div align="center" style="margin: 10px; height: 600px; width: 100%;"><div class="tuxTop"></div><div class="tuxMid" style="height: 200px; font-size:12px; font-weight: normal;"><img width="100%" height="150px" src="../imagenes/gepsoft.png"></div><div align="center"><font color="#15428b"><H1> HERRAMIENTA  DE GESTI&Oacute;N  Y PLANIFICACI&Oacute;N  DE PROYECTOS  DE SOFTWARE PARA EL APOYO A LOS PROCESOS DE ENSE&Ntilde;ANZA-APRENDIZAJE  DE METODOLOGIAS DE DESARROLLO DE SOFTWARE </H1></font></div><div class="tuxFoot"></div></div>'
    }
  );
var imagenLogo = new Ext.Panel
  (
    {
      id: 'imagenLogo',
      region:'north',
      html:'<div align="left" style="margin: 10px; height: 27px; width: 100%;"><div class="tuxTop"></div><div class="tuxMid" style="height: 70px; font-size:12px; font-weight: normal;"><img width="300px" height="28px" src="../imagenes/gepsoft.png"></div><div class="tuxFoot"></div></div>'
    }
  );
/*
    var menu = new Ext.Toolbar();
   // tb.render('toolbar');

    menu.add(
 {
        text: 'Registrar',
        enableToggle: true,
        //toggleHandler: onItemToggle,
        pressed: true
    }, '-',
 {
        text: 'Configurar',
        enableToggle: true,
        //toggleHandler: onItemToggle,
        pressed: true
    }, '-',
{
        text: 'Reportes',
        enableToggle: true,
        //toggleHandler: onItemToggle,
        pressed: true
    }
);

    menu.doLayout();
*//*
    var menu = new Ext.Panel({
        //title: 'Actions',
       // width:100,
       // height:500,
        bodyStyle: 'padding:10px;',     // lazy inline style

        tbar: [{text: 'Eliminar',
    iconCls: 'silk-delete'}
            //action, {                   // <-- Add the action directly to a toolbar
//                 text: 'Action Menu',
// //                 menu: [action]          // <-- Add the action directly to a menu
//             }
//         ],

//         items: [
//            new Ext.Button(action)       // <-- Add the action as a button
//         ],

        //renderTo: Ext.getBody()
    });
*/
var menu =  new Ext.Toolbar({
  //  renderTo: document.body,
    items: [/*{
                xtype: 'tbbutton',
                text: 'Button'
    },*/{
   xtype: 'tbfill'
},{
                xtype: 'tbbutton',
                text: 'Salir',
				iconCls: 'icon-salir',
                handler: cerrarSession
    }]
  });

var barraPrincial = {
	id: 'barra',
	//title: 'Registro Usuarios',
    layout: 'table',
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
    items: [
    //imagenLogo,
   menu
		//logueo//
		]
};

var start = {
	id:'start-panel',
	title: 'Bienvenido',
    layout: 'column',
    bodyStyle: 'padding:5px',
	defaults: {bodyStyle:'padding:15px'},
    items: [imagenPanel
//imagenLogo
    ]
};

/*
 * ================  TableLayout config  =======================
 */

var usuario = {
	id: 'usuario-panel',
	title: 'Registro Usuarios',
    layout: 'table',
	layoutConfig: {
		columns: 2
	},autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
    items: [
    gridUsuario,
    registro
		//logueo//
		]
};

var cursos = {
	id: 'cursos-panel',
	title: 'Cursos',
    layout: 'table',
	layoutConfig: {
		columns: 2
	},autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
    items: [
	  gridcursos
	  ]
};

var material = {
	id: 'material-panel',
	title: 'Ingreso de Material',
	layout: 'table',
	layoutConfig: {
		columns: 2
	},autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
    items: [
	    gridMaterial,
	    formMaterial 
	  ]
};

var metodologia = {
	id: 'metodologia-panel',
	title: 'Registro Metodolog\xEDa',
    layout: 'table',
	layoutConfig: {
		columns: 2
	},
	autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
    items: [
	{
	rowspan: 3,
	 items:[formMetodologia]
	},{
                 items:[formMetodologiaGrid]
                }
	/*{
	 items:[gridFases]
	},{
	 items:[gridActividad]
	},{
	 items:[gridArtefacto]
	}*/
]
};


var configuracionCurso = {
	id: 'configuracionCurso-panel',
	title: 'Configuraci\xF3n Cursos',
	layout: 'table',
	layoutConfig: {
		columns: 2
	},autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
    items: [
	{
	 items:[formConfiguracionCurso]
	},{
	 items:[formCongifuracionMetodologiaCurso]
	}
	  ]
};


var grupoTrabajo = {
	id: 'grupoTrabajo-panel',
	title: 'Grupos de Trabajo',
	layout: 'table',
	layoutConfig: {
		columns: 2
	},autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
	items: [
	      gruposTrabajoGrid
	  ]		
};
